<template>
	<div class="lietou-leftbar">
		<el-row class="tac">
		  <el-col :span="24">
		    <el-menu :default-active="$route.path"  router class="el-menu-vertical-demo" background-color="#333" text-color="#fff" active-text-color="#fff">
		      <el-menu-item index="/companyList">
		        <i class="el-icon-document-copy"></i>
				  <span slot="title">公司列表</span>
		      </el-menu-item>
		      <el-menu-item index="/companyExamine">
		        <i class="el-icon-document"></i>
		        <span slot="title">审核中心</span>
		      </el-menu-item>
		      <el-menu-item index="/companyToBack">
		        <i class="el-icon-s-order"></i>
		        <span slot="title">拉黑记录</span>
		      </el-menu-item>
				<el-menu-item index="/companyDevelop" v-if="logintype=='agent'">
				  <i class="el-icon-document"></i>
				  <span slot="title">发展用工公司</span>
				</el-menu-item>
		    </el-menu>
		  </el-col>
		</el-row>
	</div>
</template>

<script>
	import { mapGetters } from 'vuex'
	export default {
		name: 'PositionLeftBar',
		computed: {
			...mapGetters([
				'token',
				'logintype'
			])
		},
		data(){
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.lietou-leftbar{
		width:220px;
		height: 100%;
		background-color: #333;
		position: fixed;
		top:78px;
		bottom:0;
		
		.el-menu-vertical-demo{
			padding-top:20px;
		}
		
		::v-deep{
			.el-menu-item{
				padding:0 0 0 12px !important;
				height:46px;
				line-height: 46px;
				margin:0 40px 12px;
				font-size:14px;
			}
			.el-menu-item.is-active{
				border-bottom:2px solid #fff;
				background-color: #333 !important;
			}
			.el-menu-item:hover{
				background-color: #333 !important;
				color: #FEC171 !important;
			}
		}
	}
</style>
